<template>
	<view class="empty-content" :style="{padding:padding}">
		<view class="wanl-gray text-center">
			<image :style="{width:width,height:height}" class="animation-scale-down" :src="$wanlshop.oss('/uploads/20230922/bf1554b8b3aef7aed61e0b36f2ca8e55.jpg')"></image>
			<view class="text-30">{{ text }}</view>
		</view>
	</view>
</template>

<script>
/**
 * WanlEmpty 缺省页
 * @property {String} src 图片地址名
 * @property {String} text 提示文字
 * @example <wanl-empty src="" text=""/>
 */
export default {
	name: 'WanlEmpty',
	props: {
		src: {
			type: String,
			default: ''
		},
		text: {
			type: String,
			default: '没有找到任何内容'
		},
		padding: {
			type: String,
			default: '200rpx 0'
		},
		width: {
			type: String,
			default: '480rpx'
		},
		height: {
			type: String,
			default: '480rpx'
		}
	}
};
</script>

<style>
	.empty-content {
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		/* width: 100%; */
	}
</style>
